
@font-face{
	font-family: myfamily;
	src: url( {% static 'u4xg_game/NotoEmoji-Regular.ttf' %} )
}

body { background-color:white; }

.emoji{ font-family: myfamily; font-size: 24px}
.sidebar{ width:300px; font-weight:bold; }
.innerpage_container{ margin-left:300px; }
.innerpage_content{ max-width:960px; margin:auto; }
.innerpage_menu{ max-width:480px; margin:auto; }
.mobile_button{ text-align:center!important; margin:8px; display:block; }

.theme-dark{
	--color-bg-z1: #282828;
	--color-bg-z2: #303030;
	--color-fg-z1: #b8b8b8;
	--color-fg-z2: #d0d0d0;
}

.theme-light{
	--color-bg-z1: #f0f0f0;
	--color-bg-z2: #ffffff;
	--color-fg-z1: #101010;
	--color-fg-z2: #101010;
}

.z1 {
	color: var(--color-fg-z1);
	background: var(--color-bg-z1);
}
.z2 {
	color: var(--color-fg-z2);
	background: var(--color-bg-z2);
}

.u4xg_button:hover { color: var(--color-fg-z2) !important; background: var(--color-bg-z2) !important; }
.u4xg_button { color: var(--color-bg-z2); background: var(--color-fg-z2); }
